@import url(estrutura.less);



#st-topo{
    width: 100%;
    position: relative;
    z-index: 20000; 

    .noindex{
        background-color: #F5F2F9;
    }

    .bordatriangular{
        position:fixed;
        z-index:999;
        width: 100%;
        height: 5px;
        margin-top: 100px;
        background-image: url('../images/icone_seta.png');
    }

    #st-tp-menu{
        width: 100%;
        //height:90px;
        margin:0 auto;
        overflow: hidden; 

        ul{
            font-size:14pt;
            font-family: @font_family_NewCicleGordita !important;
            width: 1011px;
            margin:0 auto;

            li{ 
                display: inline-block;
                list-style:none;
                cursor:pointer;
                //padding-top: 12px;
                padding-top: 9px;
                padding-bottom: 5px;
                margin-left: -4px;
            }

            .action{
                .transicao(0.5s);
                background-color: @cor_cz;
                padding-left: -15px;
            }

            li a{
                display: table-cell;
                vertical-align: middle;
                width: 135px;
                height: 80px;
                text-align: center;
                color: @cor_menu;                
                margin:0;

                &:hover{
                    .action;
                }

                img{
                    margin-top: -2px;
                    margin-right: 15px;
                }
            }

            li a:last-child{
                border-right: 1px solid #684692;
            }

            li:first-child{
                a{
                    background-color: transparent !important;
                }
            }

        }
    }
}

#st-corpo{
    padding:0;
    margin-top: 20px;

    .st_tl{
        font-family: @font_family_hagin !important;
        color: @cor_vm;
        font-size: 24px;
        text-transform: uppercase;
        a{
            color: @cor_vm;
        }
    }

    // estilo paginas do site
    .st-cp-pg-home{
        overflow: hidden;

        #agendamento{
            position: absolute;
            top:100px;
            margin-left:65.6%;
            padding-top: 15px;
            width: 280px;
            //height: 40px;
            vertical-align: bottom;
            text-align: center;
            background-color:@cor_losango;
            z-index: 101;
            font-family: @font_family_NewCicleFina;
            font-size: 14px;

            -moz-border-radius:0px 0px 7px 7px;
            -webkit-border-radius:0px 0px 7px 7px;
            border-radius: 0px 0px 7px 7px;
            color:#FFFFFF;

            #blc_aberta{
                margin-top: 19px;
            }

            .aberta{
                display: inline-block;
                background-color:@cor_losango;
                width: 280px;
                height: 190px;
                text-align: left;

                -moz-border-radius:0px 0px 7px 7px;
                -webkit-border-radius:0px 0px 7px 7px;
                border-radius: 0px 0px 7px 7px;
                color:#FFFFFF;

                label{
                    margin-left: 30px;
                    display: inline-block;
                    width: 50px;
                }

                input,select{
                    margin-left: 20px;
                    margin-bottom: 10px;
                    width: 150px;
                    border: none;
                    height: 20px;
                    background-color: #FFFFFF;
                }

                select{
                    margin-left: 17px !important;
                }

                .enviar{
                    display: inline-block;
                    width: 150px;
                }

                input:last-child{
                    display: inline-block; 
                    width:50px;
                    float: right;
                    margin-right: 30px;
                }
            }

            a{
                text-decoration: none;
                color:#FFFFFF;
            }
        }

        .banner{
            position: absolute;
            top: 100px;
            left: 0;
            z-index: 100;
            width: 100%;
            height: 84%;     

            background-size: cover;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-repeat: no-repeat;
            background-position: center center;
        }

        .txt_pt{
            font-family: @font_family_arnhemfine !important;
            font-style: italic;
            padding: 0 30px 30px;
            text-align: center;

            position: relative;
            .aspas{
                position: absolute;
            }
            .ini{
                left: 0;
            }
            .fim{
                right: 35px;
                margin-top: -10px;
            }
            .tl{
                font-family: @font_family_hagin !important;
                color: @cor_vm;
                font-weight: bold;
                font-size: 15px;
                line-height: 35px;
                font-style: normal;
            }
            .autor{
                float: right;
                color: @cor_vm;
            }
        }

        .ctn_caixa{

            &:hover{
                .caixa_tl{
                    @opacidade:0.5;
                    .tl{
                        .transicao(0.5s);
                        height: 198px;
                        opacity: @opacidade;
                    }
                    .st_cima{
                        opacity: @opacidade;
                    }
                }
            }

            .caixa_tl{
                width: 296px;
                .tl{
                    width: 296px;
                }
            }
        }
        .list_blog{

            width: 660px;

            ul{

                li{
                    margin-bottom: 25px;
                    overflow: hidden;
                    position: relative;

                    .foto{
                        float: left;
                        width: 170px;
                        height: 170px; 
                    }
                    .data{
                        float: left;
                        width: 70px;
                        height: 130px;
                        background-color: @cor_vm_bc;
                        color: #FFF;
                        text-align: center;
                        padding-top: 40px;
                        font-family: Tahoma, Arial, sans-serif;

                        .dia{
                            font-size: 50px;
                            line-height: 38px;
                        }
                        .mes{
                            font-size: 26px;
                            line-height: 26px;
                        }
                        .ano{
                            font-size: 24px;
                            line-height: 24px;
                        }
                    }
                    .texto{
                        float: left;
                        width: 380px;
                        height: 130px;
                        background-color: @cor_cz;
                        padding: 20px;
                        overflow: hidden;
                        font-family: @font_family_calibri;

                        .tl{
                            color: @cor_vm;
                            font-size: 18px;
                            text-transform: uppercase;
                            padding-bottom: 5px;
                            font-family: @font_family_myriadregular;
                        }
                    }
                    .mais{
                        color: @cor_vm;
                        position: absolute;
                        bottom: 0;
                        right: 0;
                        margin: 0 10px 10px 0;
                    }
                }
            }
        }

        .col1{
            float: left;
            width: 668px;
        }
        .col2{
            float: left;
            width: 300px; 
            margin-left: 32px;
        }
        .conheca{
            margin-bottom: 25px;
        }
    }

    .st-cp-pg-sobre{
        overflow: hidden;
        //padding-bottom: 60px; 

        h2{
            font-family: @font_family_YesterdayAgain !important;
            font-size: 37px;
            color: @cor_vm;
            text-align: center;
            padding-bottom: 3%;
        }

        p{
            font-family: @font_family_tahoma !important;
            font-size: 15px;
            color: @cor_pt;
            text-align: justify;
            padding-bottom: 5px;
        }

        .imgsDermato{
            width: 850px;
            margin: 0 auto;
            padding-top: 50px; 

            .linha{
                padding: 0;
                margin: 0;
                display: inline-block;
            }
        }
    }

    .blc-sobre-desc{
        height: 180px;
        background-color: #A18CBC;

        .text-sobre{
            width: 1000px;
            margin: 0 auto; 

            p{
                width: 700px;
                display: inline-block;
                line-height:34px;
                padding:15px 0 0 15px;
                font-family: @font_family_AppleChancery !important;
                font-size: 28px;
                color: @cor_texto_branco;
                text-align: justify;
                font-style:normal;

                .aspas{
                    font-size: 45px;
                    margin-right: -1px;
                }
                legend{
                    color: @cor_texto_branco;
                    font-family:@font_family_verdana !important;
                    font-size: 10pt;
                    font-style: italic;
                    text-align:right;
                    float: right;
                }
            }

            #imgDay{
                position: relative;
                float:right;
                bottom: 30px;

            }
        }
    }  

    .st-cp-pg-procedimentos{ 
        display: block;

        .maisprocedimentos{
            display: inline-block;
            //width: 200px;
            //height: 25px;
            background-color: #684692; 
            color: white;
            text-align: center;
            padding-top: 5px;
            font-family: @font_family_NewCicleGordita !important;

            span{
                display: table-cell;
                vertical-align: middle;
                text-align: center;
                width: 200px;
                padding: 10px;
            }
        }

        h2{
            font-family: @font_family_YesterdayAgain !important;
            font-size: 37px;
            color: @cor_vm;
            text-align: center;
            padding-bottom: 1%;
        }

        .imgProcedimentos{
            display: block;
            position: relative;

            -moz-column-width: 505px; 
            -moz-column-count: 3;
            -moz-column-gap: 15px;

            -webkit-column-width: 505px;
            -webkit-column-count: 3;
            -webkit-column-gap: 15px;

            column-width: 505px;
            column-count: 3;
            column-gap: 15px;

            .imglist{
                list-style-type: none;
                padding-left: 0;
                margin: 0;

                li{
                    width: 100%;
                    margin-left: 1px;
                    margin-bottom: 5px;
                    height: 200px;
                    z-index: 1;

                    a{
                        display: block;
                        text-decoration: none;
                        vertical-align: top;
                        z-index: 2;

                        &:hover{
                            filter: alpha(opacity=70);
                            -moz-opacity: 0.70;
                            opacity: 0.70; 

                            .pri{  
                                display: none;
                            }

                            .seg{
                                display: inline-block !important;
                                position:relative;


                                .borda{
                                    margin-top: -170px;
                                    width: 118px;
                                    height: 118px;
                                    border: 1px solid;
                                    left: 5px;
                                    vertical-align:middle;

                                    .botao{
                                        width: 70px;
                                        height: 70px;
                                        margin-left: 30px;
                                        margin-top: 15px;
                                        background:url('../images/saibamais.png') no-repeat;
                                    }

                                    span{
                                        width: 118px;
                                        text-align: center;
                                        display: inline-block !important;
                                    }
                                }
                            }
                        }

                        .pri{
                            .btncirc{
                                margin-top: -170px;
                                margin-left: 42%;
                                margin-right: 20%;

                                span{
                                    display: table-cell;
                                    width: 118px;
                                    height: 118px;

                                    text-align: center;
                                    vertical-align: middle;

                                    background: rgba(05,05,37,0.6);//rgba(68,46,92,0.6);
                                    //background: #492B47;
                                    color: #fff;

                                    border-radius:100%;

                                    filter: alpha(opacity=70);
                                    -moz-opacity: 0.70;
                                    opacity: 0.70; 
                                }
                            }
                        }
                    }

                    img{
                        width: 100% !important;
                        height: 200px;
                    }
                }
            }
        }
    }

    .st-cp-pg-detalhe{
        #agendamento{
            position: absolute;
            top:98px;
            margin-left:65.6%;
            padding-top: 15px;
            width: 280px;
            //height: 40px;
            vertical-align: bottom;
            text-align: center;
            background-color:@cor_losango;
            z-index: 101;
            font-family: @font_family_NewCicleFina;
            font-size: 14px;

            -moz-border-radius:0px 0px 7px 7px;
            -webkit-border-radius:0px 0px 7px 7px;
            border-radius: 0px 0px 7px 7px;
            color:#FFFFFF;

            #blc_aberta{
                display: inline-block;
                margin-top: 20px;
            }

            .aberta{
                background-color: #f5f2f9;
                color: #a18cbc;
                width: 280px;
                height: 190px;
                text-align: left;
                padding-top: 10px;

                -moz-border-radius:0px 0px 7px 7px;
                -webkit-border-radius:0px 0px 7px 7px;
                border-radius: 0px 0px 7px 7px;

                label{
                    margin-left: 30px;
                    display: inline-block;
                    width: 50px;
                }

                input,select{
                    margin-left: 20px;
                    margin-bottom: 10px;
                    width: 150px;
                    border: none;
                    height: 20px;
                    background-color: #FFFFFF;
                }

                select{
                    margin-left: 17px !important;
                }
                .enviar{
                    display: inline-block;
                    width: 150px;
                }

                input:last-child{
                    display: inline-block; 
                    width:50px;
                    background-color: #FFFFFF;
                    float: right;
                    margin-right: 30px;

                }
            }

            a{
                text-decoration: none;
                color:#FFFFFF;
            }
        }

        .cnt-slider{
            float: left !important;
        }

        .colImg{
            float: left;
            margin-top:-20px;
        }

        .colcontent{
            vertical-align: top;
            margin-left: 520px;

            .titulo{
                display: inline-block;
                font-family: @font_family_NewCicleGordita;
                font-size: 28px;
                color: @cor_vm;
                width: 385px;
            }

            .descricao{
                font-family: @font_family_tahoma;
                font-size: 15px;
                color: @cor_pt;
                width: 95%;
                //width: 765px;
                
                vertical-align: top;
                text-align: justify;
                margin-top: 30px;
                margin-bottom: 30px;
            }

            .caracteristicas{
                vertical-align: top;
                .col:first-child{
                    margin-left: 50px;
                }

                .col{
                    display: inline-table;
                    width: 300px;
                    float: left;

                    .itemcaract{

                        img{
                            vertical-align: top;
                        }
                        .caracInfo{
                            display: inline-block;
                            margin-bottom: 10px;
                            width: 250px;
                            padding-left: 8px;

                            .titcaract{
                                font-family: @font_family_NewCicleGordita;
                                font-size: 15pt;
                                color: @cor_vm;
                                margin-top: 4.5px;
                            }

                            .desccaract{
                                font-family: @font_family_tahoma;
                                font-size: 10pt;
                                color:@cor_pt;
                                //height: 35px;
                            }
                        }
                    }
                }
            }
        }

        .menu-footer{
            position: fixed !important;
            width: 100%;
            height: 70px;
            //top:85%;
            bottom: 0;
            font-family: @font_family_NewCicleGordita;
            font-size: 15px;
            background-color: @cor_vm;
            z-index: 1000;

            table{
                vertical-align: center;

                tr{ 
                    height: 65px;

                    td{
                        text-align: center;

                        a{
                            padding: 25px 20px;
                            display: inline-block;
                            text-decoration: none;
                            height: 20px;
                            color:#FFFFE8;
                        }

                        a:hover{
                            color:@cor_vm;
                            background-color: #FFFFE8;
                        }
                    }

                    td:hover{
                        color:@cor_vm;
                        background-color: #FFFFE8;
                    }
                }

            }

            ul{
                vertical-align: center;


                li{
                    text-align: center;

                    a{
                        padding: 25px 50px;
                        display: inline-block;
                        text-decoration: none;
                        height: 20px;
                        color:#FFFFE8;
                    }

                    a:hover{
                        color:@cor_vm;
                        background-color: #FFFFE8;
                    }
                } 
                /*
                li:hover{
                    color:@cor_vm;
                    background-color: #FFFFE8;
                }
                */

            }
        }
    }

    .st-cp-pg-pacotes{
        width: 100%;
        
        .maispacotes{
            display: inline-block;
            background-color: #684692;
            color: white;
            text-align: center;
            padding-top: 5px;
            font-family: @font_family_NewCicleGordita !important;

            span{
                display: table-cell;
                vertical-align: middle;
                text-align: center;
                width: 195px;
                padding: 10px;
            }
        }


        h2{
            font-family: @font_family_YesterdayAgain !important;
            font-size: 37px;
            color: @cor_vm;
            text-align: center;
        }

        p{
            font-family: @font_family_tahoma !important;
            font-size: 12px;
            color: @cor_pt;
            text-align: justify; 
        }
        
        @width_pct: 320px; // 222px;
        
        .imgsPacotes{
            width: 1000px;
            margin: 0 auto;
            img{
                margin: 0 auto;
            }

            .col:first-child{
                margin-right: 10px;
            }

            .col:last-child{
                margin-left:10px;
            }

            .col{
                width: @width_pct;
                display: inline-block;

                .icone{
                    position: relative; 
                    top: 21.5px;
                    left: 50%;//90px;
                    margin-left: -21.5px;
                }
                
                .st_cima{
                    width: 0;
                    height: 0;
                    margin: 0 auto;
                    border-left: 20px solid transparent;
                    border-right: 20px solid transparent;
                    border-bottom: 20px solid @cor_cz; 
                    margin-top: -20px;
                    z-index: 10;
                    position: relative;
                }
               
                .conteudo{
                    background-color: @cor_cz;
                    height: 250px;
                    padding-top: 8px;
                }

                h2{
                    font-family: @font_family_AppleChancery !important;
                    font-size: 22px;
                    color: #684692;
                    padding-bottom: 2px;
                }
                .txtcol{
                    font-family: @font_family_tahoma !important;
                    font-size: 14px;
                    color: #A18CBC;
                    text-align: justify;
                    padding: 0 15px;
                    height: 125px;
                }

                .registrar{
                    font-family: @font_family_NewCicleGordita !important;
                    background-color: #684692;
                    font-size: 14px;
                    width: 100%; //@width_pct;
                    height: 40px;
                    //top: 10%;
                    text-align: center;
                    text-decoration:none; 

                    a{
                        position: relative;
                        top: 30%;
                        text-decoration:none; 
                        color:#FFFFFF; 
                    }

                    a:link{
                        text-decoration:none;
                    }
                }
            }
            
            .content_val{
                text-align: center;
                height: 68px;
                //display: table-cell;
                //width: @width_pct;
                
                .txtvalmen{
                    font-family: @font_family_NewCicleGordita !important;
                    color: @cor_vm;
                    font-size: 38px;
                    position: relative;
                    width: 150px;
                    float: left;
                    margin-top: 7px;
                }
                
                .valde{
                    font-family: @font_family_tahoma !important;
                    font-size: 13px; 
                    height: 30px;
                    display: inline-block;
                    vertical-align: top;
                    margin-right: -5px;
                }
                .valrs{
                    font-size: 12px;
                    font-weight: bold;
                    height: 25px;
                    display: inline-block;
                    vertical-align: middle;
                    margin-right: -10px;
                }
                .valrspor{
                    font-size: 10px;
                    height: 25px;
                    display: inline-block;
                    vertical-align: middle;
                }
                
                .txtval{
                    font-family: @font_family_NewCicleGordita !important;
                    color: @cor_vm;
                    font-size: 52px;
                    position: relative;
                    overflow: hidden;
                    
                    width: 160px;
                    float: left;
                    
                    .valde{ font-size: 15px !important; height: 35px; margin-right: -6px; }
                    .valrs{ font-size: 14px !important; height: 35px; margin-right: -12px; }
                    .valrspor{ font-size: 12px !important; height: 35px; }
                    
                }
                
                .txtvaltxt{
                    font-size: 12px;
                    float: right;
                    margin-top: -5px;
                }
                
                .xpor{
                    background:url('../images/x.png') no-repeat;
                    width: 115px;
                    height: 45px;
                    position: absolute;
                    
                }
                
                .v_mdl{
                    padding-top: 20px;
                    float: none;
                }
            }
            .datpro{
                font-family: @font_family_MyriadPro-Cond !important;
                font-size: 12px;
                text-align: center;
                padding-top: 2px;
            }
        }
    }

    .st-cp-pg-blog{
        margin: 0 auto;

        .colEsquerda{
            position: fixed;
            float: left;
            width: 309px;
            margin-top: -30px;
            font-size: 7pt;

            .contato-blog{
                padding: 15px 0 20px 20px;
                background-color: @cor_losango;
                color: #FFFFFF;
            }

            .bordatriangular{
                position:fixed;
                z-index:999;     
                height: 5px;
                background-image: url('../images/icone_seta.png');
                clear: both;
            }

            .bt_top{
                margin-top: -5px;
                transform: rotate(-180deg);
                -ms-transform: rotate(-10deg);
                -webkit-transform: rotate(180deg);
                -moz-transform: rotate(180deg);
                -o-transform: rotate(180deg);
                transform: rotate(180deg);
            }
            .blg_logo{
                margin: 20px 14px 20px 14px;
            }
        }

        .cnt_lst_bg{
            margin: 0 314px;

            .cnt_it_bg{
                margin-bottom: 50px;
            }

            .txt_bg{
                padding-right: 10px;
                background-color: @backmenu;
                margin-left: 30px;
                margin-right: 25px;
                .imgDay{
                    position: absolute;
                    margin-left: -30px;
                    margin-top:  15px;
                    border: 1px solid transparent;
                    border-radius: 27px;
                }
                
                .imgTxt{
                    width: 100%;
                    margin-bottom:  15px;
                }

                .tl{
                    font-family: @font_family;
                    font-size: 20px;
                    color: @cor_vm;
                    padding-top: 25px;
                    padding-left: 35px;
                }

                .tl_dt{
                    font-family: @font_family_NewCicleGordita;
                    font-size: 10pt;
                    color: @cor_pt;
                    padding-left: 35px;
                }

                .txt{
                    font-family: @font_family_tahoma;
                    font-size: 11pt;
                    color: @cor_pt;
                    padding: 25px;
                    //margin-bottom: 10px;
                    text-align: justify;               
                }
                
                .fbComments{
                    padding: 25px;
                }
            }   
        }

        .bar_lt{
            float: right;
            width: 309px;

            .st_menu{
                a{
                    text-decoration: none;
                    color: #FFFFFF;
                }

                table{
                    width: 100%;
                    text-align: center;
                    background-color: #FFFFFF;
                    border-collapse: separate;
                    border-spacing: 5px;
                }

                table td{
                    width: 100px;
                    height: 45px;
                    vertical-align: middle;
                    background-color: @cor_losango;
                }

                table td:hover{
                    color: @cor_losango;
                    background-color: white;

                    a{
                        color: @cor_losango;                   
                    }
                }
            }

            .st_tl,iframe{
                margin-top: 30px;
            }

            .meses ul li{
                font-family: @font_family_tahoma;
                font-size: 12pt;
                width: 100%;
                color: @cor_menu;
                background-color: @backmenu;
                text-align: center;
                margin-bottom: 2px;

                a{
                    color: @cor_pt;
                    text-decoration: none;
                }
            }

            .categoria, .tag{
                font-family: @font_family_calibri;
                a{
                    color: @cor_pt;
                    &:hover{
                        text-decoration: underline;
                    }
                }
            }
            .tag{
                text-align: justify;
            }
        }
    }

    .st-cp-pg-contato{
        overflow: hidden;
        font-family: @font_family_verdana;
        color: @cor_pt;

        h2{
            font-family: @font_family_YesterdayAgain !important;
            font-size: 37px;
            color: @cor_vm;
            text-align: center;
            padding-bottom: 2%;
        }

        .contato-form{
            #agendamento{
                position: absolute;
                background-color: @cor_losango;
                width: 360px;
                height: 50px;
                padding: 10;
                z-index: 1;
                margin-left: -195px;
                left: 50%;

                -moz-border-radius:0px 0px 25px 25px;
                -webkit-border-radius:0px 0px 25px 25px;
                border-radius: 0px 0px 25px 25px;

                #blc_aberta{
                    margin-top: -10px;
                    
                    form{
                        padding-top: 20px;
                    }
                }

                .aberta{
                    display: none;
                    margin-top:-15px;
                    background-color: @cor_losango;
                    width: 360px;
                    height: 250px;

                    -moz-border-radius:0px 0px 25px 25px;
                    -webkit-border-radius:0px 0px 25px 25px;
                    border-radius: 0px 0px 25px 25px;
                    input, select, textarea{
                        background-color: @cor_cz_bc2;
                        color: @cor_pt;
                        border: 1px solid @cor_cz2;
                        padding: 7px 7px 7px 7px;
                        margin-left: 15px;
                        margin-bottom: 8px; 
                        text-transform: lowercase;
                        width: 307px;
                        height: 15px;
                    }

                    textarea{
                        resize: none;
                        height: 50px;

                    }
                    button{
                        cursor: pointer;
                        padding: 5px 10px; 
                        //margin-left: 280px;
                        background-color: @cor_cz_bc2;
                        color: @cor_pt;
                        border: 1px solid @cor_cz2;
                        text-transform: lowercase;
                        
                        float: right;
                        margin-right: 22px;
                        
                        &:hover{
                            .transicao(0.5s);
                            background-image: linear-gradient(to bottom, #FFF, @cor_cz 30%);
                        }
                    }
                }

                a{
                    text-decoration: none;
                    color:#FFFFFF;
                }
                
                .fechada{
                    text-align: right;
                    padding-right: 22px;
                    padding-top: 5px;
                }
            }

            #minimizar{
                //position: relative;
                font-size:30px;
                color: #FFF;
                //margin-left: 326px;
            }
        }

        input, select, textarea{
            background-color: @cor_cz_bc2;
            color: @cor_pt;
            border: 1px solid @cor_cz2;
            padding: 7px 7px 7px 7px;
            margin-left: 15px;
            margin-bottom: 8px; 
            text-transform: lowercase;
            width: 307px;
            height: 15px;
        }

        textarea{
            resize: none;
            height: 50px;

        }
        button{
            cursor: pointer;
            padding: 5px 10px; 
            margin-left: 265px;
            background-color: @cor_cz_bc2;
            color: @cor_pt;
            border: 1px solid @cor_cz2;
            text-transform: lowercase;
            &:hover{
                .transicao(0.5s);
                background-image: linear-gradient(to bottom, #FFF, @cor_cz 30%);
            }
        }
    }
}

#st-rodape{
    background-color: #FFFFFF;
    color: #000000;
    height: 150px;
    .footer{
        width:1000px;; /* taanho das imagens que foram add nas colunas abaixo*/
        margin: 0 auto;
        padding-top: 1%;
        font-family:@font_family_MyriadPro-Cond;
        font-size: 12pt;
        height: 100px;

        .col1{
            width:310px;
            display: inline-block;
        }

        .col2{
            width:310px;
            display: inline-block;
            text-align: center;
            vertical-align: middle;
            margin-bottom: 70px;

            img{
                padding-right: 8px;
            }
        }

        .col3{
            width:310px;
            display: inline-block;
            text-align: center;
        }
    }
}

// geral

// caixa imagens
.ctn_caixa{
    position: relative;

    .caixa_tl{
        z-index: 1000;
        position: absolute;
        bottom: 0;

        .tl{
            font-family: @font_family_hagin; 
            background-color: @cor_vm;
            font-size: 25px;
            color: #FFF;
            text-align: center;
            padding: 0 20px;
            vertical-align: middle;
            display: table-cell;     
            .transicao(0.5s);
            height: 80px;
        }
        .st_cima{
            width: 0;
            height: 0;
            margin: 0 auto;
            .transicao(0.5s);
            border-left: 20px solid transparent;
            border-right: 20px solid transparent;
            border-bottom: 20px solid @cor_vm;  
        }
    }
}

// caixa login
.st_login{
    float: left;
    height: 170px;
    width: 190px; //270 - (40 + 40) = 190;
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 40px;
    background-color: @cor_vm_bc;
    color: #FFF;
    font-family: @font_family_myriadproboldcond !important;

    h2{
        font-size: 18px;
        margin-bottom: 15px;
    }

    input{
        background-color: #FFF !important;
        color: #9C9E9F !important;
        border: none;
        .border-radius(5px); //border-radius: 5px;
        padding: 5px 15px;
        margin-bottom: 10px; 
    }
    input[type='text'], input[type='password']{
        width: 160px;
    }
    input[type='submit']{
        float: right;
        cursor: pointer;
        padding: 5px 15px; 
        background-image: linear-gradient(to bottom, #FFF, @cor_cz 100%);
        transition: all .5s;
        &:hover{
            //background-color: @cor_cz !important;
            background-image: linear-gradient(to bottom, #FFF, @cor_cz 30%);
        }
    }
    .esq_senha{ 
        text-decoration: none;
        color: #FFF;
        line-height: 26px;
        &:hover{
            text-decoration: underline;
        }
    }
}

// paginação
.pagination{
    text-align: center;
    padding:10px;
    margin-top: -15px;
    margin-bottom: 15px;

    .prdPage {
        padding: 8px 12px;
        text-align: center;
        margin-left: 3px;
        margin-right: 3px;
        font-weight: bold; 
    }
    .current {
        color: @cor_vm;
        font-weight: bold;
        margin-left: 3px;
        margin-right: 3px;
    }
    .numberPage {
        background-color: @cor_vm_bc;
        color: #FFF;
        .prdPage;       

        &:hover{
            color: #FFF;
            background-color: @cor_vm;
        }
    }
    .SetNumberPage {
        background-color: @cor_vm;
        color: #FFF;
        .prdPage;
    }

}

.ctn-popup{
    overflow: hidden;
    width: 400px;
    color: @cor_vm;

    .cab_popup{
        margin: 10px 10px 0 10px;
        background: url('../images/logo_topo.png') no-repeat;
        height: 100px;
        padding-left:10px;

        h3{
            height: 100px;
            font-family: @font_family_NewCicleGordita;    
            font-size: 18pt;

            text-align: right;
            padding-top: 25px;
        }
    }

    .form_popup{
        margin: 10px 10px 0 20px;

        span{
            margin-bottom: 5px;
        }

        input{
            .border-radius(0px);
            width: 320px;
            height: 30px;
            margin-bottom: 7px;
            border: 1px solid #ECEDED;
        }

        button{
            margin-top: 10px;
            .border-radius(0px);
            height: 30px;
            color: @cor_vm;
            border: 2px solid #ECEDED;
        }
    }


    ul,table.horarios{
        overflow: hidden;
        clear:both;
        li,td{
            padding: 0px 5px;
            float: left;
            width: 62px;
            min-height: 10px;
        }
        .pri{
            width: 40px;
            padding: 7px 10px;
            text-align: center;
        }
        li:first-child,td:first-child{
            .pri;
        }
        .active{
            border: 1px solid @cor_vm;
            color: @cor_vm;
        }
        span{
            background-color: @cor_vm_bc;
            padding: 5px;
            display: inline-block;
            color: #FFF;
            border: 1px solid @cor_vm_bc;
            cursor:pointer;
            width: 55px;
            text-align: center;
            font-size: 11px;
            margin-bottom: 3px;

            &:hover{
                .transicao(0.5s);
                border: 1px solid @cor_vm;
            }
        }
    }
    .cnt-form{
        width: 325px;

        table{

            td{
                padding: 3px;
            }
            td:first-child{
                width: 63px;
                font-weight: bold;
                text-align: center;
            }
            input{
                padding: 5px;
                background-color: #EFEFEF;
                border: none;
                width: 250px;
                .border-radius(5px);
            }

        }

        button{
            float: right;
            cursor: pointer;
            background-color: @cor_vm;
            padding: 5px 10px;
            border: none;
            color: #FFF;
            &:hover{
                .transicao(0.5s);
                background-color: @cor_vm_bc;
            }
        }
    }
}
.fb-like{ margin-bottom: 5px; }

.lnkitg{
    position:absolute;
    bottom: 50px;
    z-index: 2000;
    height: 30px;
    width: 100%;
    text-align: center;

    .action{
        background-color: #FFF;
    }

    a{
        height: 10px;
        width: 10px;
        border: 1px solid #FFF;
        display: inline-block;
        margin-right: 5px;
        &:hover{
            .action;
        }
    }

    .imgs{
        margin-top: -57px;
        position: absolute;
        width: 100%;

        img{
            display: none;
            border: 1px solid #FFF;
        }
    }
}

.fb_iframe_widget{
    display: block !IMPORTANT;
}

.imgProcedimentos2{
    display: block;
    position: relative;

    .imglist{
        list-style-type: none;
        padding: 0;
        margin: 0 auto;
        width: 1366px;


        li{
            width: 33.33%;
            //height: 155px;
            z-index: 1;
            float:left;
            text-align: center;

            a{
                display: block;
                text-decoration: none;
                vertical-align: top;
                z-index: 2;


                &:hover{

                    .pri{  
                        display: none;
                    }

                    .seg{
                        display: inline-block !important;
                        position:relative;
                        color: #684692;
                        font-weight: bold;
                        
                        .borda{
                            margin-top: 20px;
                            width: 118px;
                            height: 118px;
                            border: 1px solid #684692;
                            left: 5px;
                            vertical-align:middle;
                            background: rgba(255,255,255,0.5);
                            
                            .botao{
                                width: 50px;
                                height: 50px;
                                margin-left: 34px;
                                margin-top: 28px;
                                background: rgba(05,05,37,0.6) url('../images/saibamais.png') 18px 18px no-repeat;
                                border-radius: 25px;
                                //background:url('../images/saibamais.png') no-repeat;
                                
                            }

                            span{
                                width: 118px;
                                text-align: center;
                                display: inline-block !important;
                            }
                        }
                    }

                    img{
                        filter: alpha(opacity=70);
                        -moz-opacity: 0.70;
                        opacity: 0.70; 
                    }
                }

                .pri{
                    .btncirc{
                        margin-top: 20px;
                        display: inline-block;
                        
                        .circ{
                            display: table-cell;
                            width: 118px;
                            height: 118px;

                            text-align: center;
                            vertical-align: middle;
                            
                            background: rgba(05,05,37,0.6);//rgba(68,46,92,0.6);
                            //background: #492B47;
                            color: #fff;

                            border-radius:100%;

                        }
                        
                        .txt{
                            display: inline-block;
                            width: 100px;
                        }

                    }
                }
                
                .seg{
                    display: none;
                }
            }

            img{
                width: 100% !important;
                //height: 155px;
            }
            
            .bnr{
                background-size: cover;
                -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                background-repeat: no-repeat;
                background-position: center center;
            }

        }
    }
}


@media only screen and (min-width: 980px) and (max-width: 1024px) {
    .imgProcedimentos2{
        @width_ip2: 138px;
        .imglist{
            width: 900px;
            li{ height: @width_ip2; }
            li a .pri .btncirc{ margin-top: 10px; }
            li a:hover .seg .borda {margin-top: 10px; }            
        }
        .bnr{
            height: @width_ip2;
        }
    }
    
    #st-corpo .st-cp-pg-detalhe .colcontent .titulo{
        width: 340px;
    }
}
@media  only screen and (min-width: 1100px) and (max-width: 1400px) {
    
    .imgProcedimentos2{
        @width_ip2: 138px;//155px;
        .imglist{
            width: 1366px;
            li{ height: @width_ip2; }
            li a .pri .btncirc{ margin-top: 10px; }
            li a:hover .seg .borda {margin-top: 10px; } 
        }
        .bnr{
            height: @width_ip2;
        }
    }

    #st-corpo .st-cp-pg-detalhe .colcontent .descricao{
        width: 646px;
    }
    
    #st-corpo .st-cp-pg-detalhe .colcontent .titulo{
        width: 340px;
    }
    
}
@media  only screen and (min-width: 1400px) { // and (max-width: 1980px)
    
    #st-corpo .st-cp-pg-detalhe .colcontent .descricao{
        font-size: 15px;
    }

    #st-corpo .st-cp-pg-detalhe #agendamento{
        margin-left: 61.2%;
    }

    #st-corpo .st-cp-pg-detalhe .colcontent .descricao{
        width: 925px;
    }
    
    .imgProcedimentos2{
        @width_ip2: 155px;
        .imglist{
            width: 1400px;
            li{ height: @width_ip2; }
        }
        .bnr{
            height: @width_ip2;
        }
    }
}
